Aller au contenu

Emmet (logiciel)

Un article de Wikipédia, l'encyclopédie libre.
Emmet

Informations
Développé par emmetio
Dernière version 1.3.0 ()[1]Voir et modifier les données sur Wikidata
Dépôt https://github.com/emmetio/emmet
Écrit en TypeScript, JavaScript
Licence Licence MIT
Site web https://emmet.io/

Emmet (autrefois Zen Coding[2]) est un ensemble de plugins pour les éditeurs de texte qui permettent de faire un codage à grande vitesse et des modifications sur HTML, XML, XSLT, et sur d'autres formats de code structuré via l'assistance de contenu. Le projet fut amorcé par Vadim Makeev en 2008[3]. Son développement continue de manière active avec Sergey Chikuyonok et les utilisateurs d'Emmet. Depuis 2015, Mikael Geletsyan[4] est responsable de l'expérience utilisateur pour Emmet. Les outils ont été incorporés dans plusieurs éditeurs de texte populaires, ainsi que dans des plug-ins, dont certains ont été développés par l'équipe d'Emmet et d'autres de manière indépendante. Cependant, Emmet est principalement indépendant de n'importe quel éditeur de texte, étant donné que le moteur interagit directement avec le texte plutôt qu'avec n'importe quel logiciel en particulier[5].

Emmet est distribué sous licence MIT.

Emmet est un mot qui signifiait à l'origine « fourmi », un insecte qui peut supporter plus de 50 fois son poids. Ce mot est aussi similaire à « émet », représentant de manière basique ce qu'Emmet fait lorsqu'il élargit des abréviations.[réf. nécessaire]

Expansion des abréviations

[modifier | modifier le code]

Emmet utilise une syntaxe spécifique dans le but de transformer des petits morceaux de code, semblables à des sélecteurs CSS, en du code HTML à part entière[6]. Par exemple, la séquence

div#page>div.logo+ul#navigation>li*5>a

ou

#page>.logo+ul#navigation>li*5>a

devient

<div id="page">
		<ul id="navigation">
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
	</ul>
</div>

Cette fonction inclut plusieurs autres fonctions complexes liées tels qu'envelopper une section de code avec du code élargi[7].

Équilibrage des balises

[modifier | modifier le code]

Le HTML Pair Matcher (« correspondant de paires HTML ») permet aux utilisateurs de localiser la balise ouverte/fermée correspondante pour la balise située à l'emplacement actuel du curseur. Contrairement à d'autres correspondants de paires HTML, Emmet fait une recherche à partir de la position actuelle du curseur au lieu de faire un balayage du document à partir du début de celui-ci[5].

Éditeurs de texte

[modifier | modifier le code]

Les plug-ins pour ces éditeurs de texte ont été développés par l'équipe d'Emmet :

Les plug-ins pour ces éditeurs de texte ont été développés par des groupes tiers avec le moteur officiel d'Emmet :

Les plug-ins pour ces éditeurs de texte ont été développés de manière indépendante et avec un moteur Emmet différent :

Références

[modifier | modifier le code]
  1. « Release 1.3.0 », (consulté le )
  2. Zeno Rocha, « Goodbye, Zen Coding. Hello, Emmet! », sur Smashing Magazine, Smashing Magazine GmbH, (consulté le )
  3. « Zen HTML — Пепелсбей.net », sur pepelsbey.net
  4. « Credits », sur emmet.io (consulté le )
  5. a et b « Zen Coding: A Speedy Way To Write HTML/CSS Code »,
  6. « The Art of zen-coding: Bringing Snippets to a New Level », sur mondaybynoon.com
  7. « If you code HTML, Zen Coding will change your life », (version du sur Internet Archive)

Liens externes

[modifier | modifier le code]